var html = "<div id='blah'>Hello stuff here</div>" $("#mycontent").append(html).fadeIn(999);Esto no parece funcionar.
Solo quiero un efecto genial cuando se agrega el contenido.
Nota: solo quiero que aparezca el nuevo div "blah", no todo "mycontent".
$(html).hide().appendTo("#mycontent").fadeIn(1000);
Agregando un poco más de información:
jQuery implementa el "encadenamiento de métodos", lo que significa que puede encadenar llamadas a métodos en el mismo elemento. En el primer caso:
$("#mycontent").append(html).fadeIn(999); estaría aplicando la llamada fadeIn al objeto que es el objetivo de la cadena de métodos, en este caso #mycontent . No es lo que quieres.
En la respuesta (excelente) de @icktoofay tienes:
$(html).hide().appendTo("#mycontent").fadeIn(1000); Básicamente, esto significa crear el html , configurarlo como oculto de forma predeterminada, agregarlo a #mycontent y luego hacerlo aparecer. El objetivo de la cadena de métodos ahora es hmtl en lugar de #mycontent .
esto también funciona
$(Your_html).appendTo(".target").hide().fadeIn(300);Saludos